<template>
  <div>
  <p>{{age}}  <button @click="computed()">修改年龄</button></p>
  <!-- <p>{{newAge}}</p> -->
  </div>
</template>
<script>
import {computed, ref} from 'vue'
export default {
  name:'App',
  setup(){
    //1.计算属性：当需要依赖现有的响应式数据，按照一定的逻辑得到一个新数据
    const age=ref(16);
    //得到后年的年龄
   const newAge=computed(()=>{
      return age.value+2

    })
    return {age,computed}


  }

}
  
</script>